<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Link & GO</title>
    <link href="./css/common.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
    <link href="./css/record.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <img src="images/logo.png" class="logo">
    <div class="btn-area">
        <button class="btn" id="new_game_btn">New Game</button>
        <button class="btn" id="load_game_btn">Load Game</button>
        <a href="./13_Ranking_Page.html" class="btn" >Ranking</a>
    </div>
</div>
<div class="modal-box" id="nickname_modal">
    <div class="modal">
        <div class="title">Input your nickname</div>
        <div class="body">
            <input class="input" id="nickname_input">
            <button class="btn" id="submit_nickname">Submit</button>
        </div>
    </div>
</div>
<div class="modal-box" id="record_modal">
    <div class="modal">
        <div class="title">Records</div>
        <div class="item" id="record_list_item_template">
            <div>
                <span>Nickname : <span class="nickname">World Skills</span></span>
            </div>
            <div>
                <span>Level : <span class="level">easy</span></span>
                <span>Wallet : <span class="wallet">2020</span></span>
                <span>Score : <span class="wallet">0</span></span>
            </div>
            <div>
                <span>Save At : <span class="submit_at">2021-12-2 19:20</span></span>
            </div>
        </div>
        <div class="body list">
<!--            <div class="not-have-data">Not have data yet~</div>-->
            <div class="item">
                <div>
                    <span>Nickname : <span class="nickname">World Skills</span></span>
                </div>
                <div>
                    <span>Level : <span class="level">easy</span></span>
                    <span>Wallet : <span class="wallet">2020</span></span>
                    <span>Score : <span class="wallet">0</span></span>
                </div>
                <div>
                    <span>Save At : <span class="submit_at">2021-12-2 19:20</span></span>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="./js/element.js"></script>
<script src="./js/utils.js"></script>
<script src="./js/index.js"></script>
<script src="./js/record.js"></script>
</body>
</html>